var url = "../RHH_QUINCENA_CONTROLLER";
var meses = ["ENERO", "FEBRERO", "MARZO", "ABRIL", "MAYO", "JUNIO", "JULIO", "AGOSTO", "SEPTIEMBRE", "OCTUBRE", "NOVIEMBRE", "DICIEMBRE"];
var año = 0;
var mes = 0;

$(document).ready(function() {
    mes = parseInt($("#mes").text());
    año = parseInt($("#ano").text());
    centrarPantalla();
    cargarTabla();
});
function centrarPantalla() {
    $("#alerta").css({
        left: (($(window).width() - $('#alerta').outerWidth()) / 2),
        top: (($(window).height() - $('#alerta').outerHeight()) / 2) - 62
    });
    $("#popuphabilitacionConvocatoria").css({
        left: (($(window).width() - $('#popuphabilitacionConvocatoria').outerWidth()) / 2),
        top: (($(window).height() - $('#popuphabilitacionConvocatoria').outerHeight()) / 2) - 62
    });
}
$(window).resize(function() {
    centrarPantalla();
});
function cambioMes(tipo) {
    if(!estadoTabla){
        return;
    }
    if (tipo === 1) {
        mes++;
    } else {
        mes--;
    }
    if (mes === -1) {
        año--;
        mes = 11;
    }
    if (mes === 12) {
        año++;
        mes = 0;
    }
    cargarTabla();
}
var estadoTabla=true;
function cargarTabla()
{
    estadoTabla=false;
    $("#ano").text(año);
    $("#mes").text(meses[mes]);
    $("#table tbody").html("");
    $.post(url, {evento: "cargar", mes: mes, ano: año}, function(resp) {
        var json = $.parseJSON(resp);
        estadoTabla=true;
        $("#table").html(json.html);
        $("#table div").click(function (){
            $("#table tr:nth-child(2n+1)").css("background","#eaf4ff");
            $("#table tr:nth-child(2n)").css("background","#cdd5d4");
            $(this).parent().parent().css("background","#9FBE9F");
        });
        
        if (json.estado === "1") {
            $("#cerrar").css("display", "inline-block");
            $("#config").css("display", "inline-block");
            $("#msm").text("");
        }
        else {
            $("#cerrar").css("display", "none");
            $("#config").css("display", "none");
            $("#msm").text(json.estado);
        }
    });
}
function cerrames(tipo) {
    $("#popUpbackGround").css("display", "none");
    $("#alerta").css("display", "none");
    if (tipo === 1) {
        $.post(url, {evento: "pagarquincena", mes: mes, ano: año}, function(resp) {
            cargarTabla();
        });
    }
}
function pagarquincena()
{
    $("#alerta").css("display", "block");
    $("#popUpbackGround").css("display", "block");
}
function cerrarBackground() {
    $("#popUpbackGround").css("display", "none");
    $("#alerta").css("display", "none");
    $("#popuphabilitacionConvocatoria").css("display", "none");
}
function configurar(e){
    if(e.keyCode===13){
        conf();
    }
}
function conf()
{
    var buscar=$("input[name=buscar]").val();
    $("#popuphabilitacionConvocatoria").css("display", "block");
    $("#popUpbackGround").css("display", "block");
    $.post(url, {evento: "abrirConfiguracion",text:buscar}, function(responsetext) {
        $("#usuarios").html(responsetext);
        contenedroHeight();
        dragAndDrop();

    });
}
function contenedroHeight() {
    var c1 = $(".c1").height();
    var c2 = $(".c2").height();
    if (c1 > c2) {
        $(".c2").css("height", c1 + "px");
    } else {
        $(".c1").css("height", c2 + "px");
    }
}
function modificarsalario2(usuario, salario, inp)
{
        if (parseFloat($(inp).val()).length === 0) {
            return;
        }
        var quinc = parseFloat($(inp).val()) / 100;
        var total = parseFloat(salario) * quinc;
        $(inp).next().next().next().text(format(total));
        $.post(url, {evento: "update", id: usuario, porcentaje: parseFloat($(inp).val())}, function(responsetext) {
            if (responsetext === "false") {
                alert("No se pudo actualizar. Intente nuevamente");
                return;
            }
        });
}
function format(monto){
    var monto2=(""+monto).split(".");
    var result=monto2[0];
    monto2[1]=monto2[1].length>2?monto2[1].substring(0,2):monto2[1];
    result+="."+monto2[1];
    return result;
}
function dragAndDrop() {
    $('.draggable').draggable({
        helper: "clone",
        revert: "invalid",
        start: function(evento, ui) {
            $(this).css({
                opacity: "0"
                , cursor: "-moz-grabbing"
            });
        },
        stop: function(evento, ui) {
            $(this).css({
                opacity: "1"
                , cursor: "-moz-grab",
            });
        }
    });
    $('.contenedor50').droppable({
        tolerance: "intersect",
        over: function() {
            $(this).css({
                background: "#395156"
            });
        },
        out: function(event, ui) {
            $(this).css({
                background: "linear-gradient(#19657f, #87abc3) repeat scroll 0 0 rgba(0, 0, 0, 0)"
            });
        },
        drop: function(event, ui) {
            var elementoMovimiento = $(ui.draggable);
            var id = elementoMovimiento.data("id");
            if (elementoMovimiento.data("estado") != $(this).data("estado")) {
                insertarQuinquenio(id)
            }
        }
    });
}
function insertarQuinquenio(id){
    $.post(url, {evento: "eliminarInsertar", id: id}, function(responsetext) {
        conf();
    });
}